<!-- $("# rightCon").load('a.html # aContent'); -->
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script>
	$(function() {
		//alert("2");
		$('#pp').portal({
			border : false,
			fit : false
		});
		$("#move-animate-left").tabso({
			cntSelect : "#leftcon",
			tabEvent : "mouseover",
			tabStyle : "move-animate",
			direction : "left"
		});
		//loadPanelData();
		setTimeout("loadPanelData()", 100);
		//alert("4");
		
	});
</script>
<div id="loadContent"></div>
<!-- 18 panels -->
<div id="pp" style="position: relative;">
	<div style="width: 33%;">
		<!-- spend summary -->
		<div id="pnlsmy" class="pnlsmy" title="Spend Summary" collapsible="true" closable="true" style="text-align: center; height: 250px; padding: 5px;"
			ondblclick="doubleClick()">
			<div id="pnlsmy_data" style="height: 100%; width: 100%;"></div>
		</div>
		<!-- hotel spend -->
		<div id="pnlhotel" class="pnlhotel" title="Hotel Spend" collapsible="true" closable="true" style="height: 250px; padding: 5px;">
			<div id="pnlhotel_data" style="height: 100%; width: 100%;"></div>
		</div>
		<!-- rail spend -->
		<div id="pnlrail" class="pnlrail" title="Rail Spend" collapsible="true" closable="true" style="height: 250px;">
			<table id="pnlrail_table" class="easyui-datagrid" style="width: 312px; height: 250" data-options="singleSelect:true,collapsible:true">
				<thead>
					<tr>
						<th data-options="field:'region',width:90, align:'center'">Region</th>
						<th data-options="field:'category',width:120, align:'center'">Category</th>
						<th data-options="field:'revenue',width:98, align:'center'">Revenue</th>
					</tr>
				</thead>
			</table>
		</div>
		<!-- top hotel chains -->
		<div id="pnlthc" class="pnlthc" title="Top Hotel Chains" collapsible="true" closable="true" style="height: 250px; padding: 5px;"></div>
		<!-- top air market pairs -->
		<div id="pnltamp" class="pnltamp" title="Top Air Market Pairs" collapsible="true" closable="true" style="height: 250px; padding: 5px;"></div>
		<!-- pre travel savings opportunity-->
		<div id="pnlpts" class="pnlpts" title="Pre Travel Savings Opportunity" collapsible="true" closable="true" style="height: 250px; padding: 5px;"></div>
	</div>
	<div style="width: 34%;">
		<!-- air spend -->
		<div id="pnlair" class="pnlair" title="Air Spend" closable="true" collapsible="true" style="height: 250px;">
			<div id="pnlair_data" style="height: 98%; width: 97%;"></div>
		</div>
		<!-- Active News Alerts -->
		<div id="pnlANA" class="pnlANA" title="Active News Alerts" collapsible="true" closable="true" style="height: 250px; width: 100%;">
			<div class="demo" id="newstab">
				<ul class="tabbtn" id="move-animate-left">
					<li class="current"><a href="http://news.yahoo.com/us/" target="_blank">U.S.</a></li>
					<li><a href="http://news.yahoo.com/world/" target="_blank">WORLD</a></li>
					<li><a href="http://news.yahoo.com/tech/" target="_blank">TECH</a></li>
					<li><a href="http://sports.yahoo.com/" target="_blank">SPORTS</a></li>
				</ul>
				<div class="tabcon" id="leftcon">
					<div class="subbox">
						<div class="sublist">
							<ul>
								<li><span>▪</span><a href="http://news.yahoo.com/tips-for-jesus-143830076.html" target="_blank">Mystery 'Tips for Jesus' tipper identified in NYC</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/massive-winter-storm-wallops-texas--much-of-the-midwest-143009580.html" target="_blank">'Worst ice storm' in years wallops Texas </a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/hillary--biden--they-d-both-be-great--obama-says-015137843.html" target="_blank">Hillary? Biden? They’d both be great, Obama says</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/fast-food-strikes-hit-nyc--%E2%80%98we-should-get-more-respect-232115668.html" target="_blank">Fast food strikes hit NYC</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/newtown-biden-announces-more-mental-health-funding-110341187.html" target="_blank">Biden announces mental health push on</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/cold-ice-grip-u-more-snow-blanket-east-010050461--finance.html" target="_blank">Snow blankets U.S. East; Washington offices</a></li>
							</ul>
						</div>
						<div class="sublist">
							<ul>
								<li><span>▪</span><a href="http://ca.news.yahoo.com/egyptian-forces-arrest-qataris-al-jazeera-office-cairo-233505527.html" target="_blank">Egyptian forces arrest Qataris at Al Jazeera office</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/no-grand-bargain-budget-deal-does-mean-economy-005106573.html" target="_blank">No ‘grand bargain’ in budget deal</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/pope-francis-time-39-person-130549729.html" target="_blank">Pope Francis is Time's Person of the Year</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/brazil-gov-39-t-may-backtrack-auto-safety-224932865.html" target="_blank">Brazil gov't may backtrack on auto safety laws</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/39-happy-tears-39-africans-celebrate-mandela-39-214243450.html" target="_blank">'Happy tears' as S.Africans celebrate Mandela's life</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/north-korea-says-kim-39-uncle-removed-power-215418613.html" target="_blank">North Korea says Kim's uncle removed from power</a></li>
							</ul>
						</div>
						<div class="sublist">
							<ul>
								<li><span>▪</span><a href="http://news.yahoo.com/walmart-cut-iphone-5c-price-210445324.html" target="_blank">Walmart Will Cut The iPhone 5C Price On Friday</a></li>
								<li><span>▪</span><a href="http://finance.yahoo.com/news/stay-safe-while-shopping-online-154547658.html" target="_blank">How to Stay Safe While Shopping Online</a></li>
								<li><span>▪</span><a href="http://www.forbes.com/sites/stevenbertoni/2013/12/11/paypal-predictions-your-wallets-days-are-numbered/?partner=yahootix" target="_blank">PayPal Predictions</a></li>
								<li><span>▪</span><a href="http://www.engadget.com/2013/12/10/nasa-valkyrie-robot/?ncid=rss_truncated" target="_blank">NASA's humanoid Valkyrie robot could lead the way</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/could-smarty-ring-beat-smartwatch-192144939.html" target="_blank">Could the Smarty Ring Beat the Smartwatch?</a></li>
								<li><span>▪</span><a href="http://news.yahoo.com/sprint-ceo-forget-t-mobile-2014-time-shine-130529248.html" target="_blank">Forget T-Mobile, 2014 is our time to shine</a></li>
							</ul>
						</div>
						<div class="sublist">
							<ul>
								<li><span>▪</span><a href="http://sports.yahoo.com/blogs/nfl-shutdown-corner/shutdown-corner-fixes-america-team-dallas-cowboys-172333788--nfl.html" target="_blank">Shutdown Corner fixes America’s Team</a></li>
								<li><span>▪</span><a href="http://sports.yahoo.com/news/roethlisberger-ok-progress-despite-losses-202328912--nfl.html" target="_blank">Roethlisberger OK with progress despite losses</a></li>
								<li><span>▪</span><a href="http://sports.yahoo.com/news/elevator-company-cited-49ers-stadium-205921206--nfl.html" target="_blank">Elevator company cited in 49ers stadium death</a></li>
								<li><span>▪</span><a href="http://sports.yahoo.com/blogs/nba-ball-dont-lie/usher-losing-holiday-season-tanking-time-video-140054934--nba.html" target="_blank">Usher in the losing holiday season</a></li>
								<li><span>▪</span><a href="http://sports.yahoo.com/video/deandre-jordan-suffers-wardrobe-malfunction-081642559.html" target="_blank">DeAndre Jordan suffers wardrobe malfunction</a></li>
								<li><span>▪</span><a href="http://sports.yahoo.com/news/miami-coach-waiting-determine-wade-190224234--nba.html" target="_blank">Wade will play for Heat in showdown with Pacers</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- top air carriers -->
		<div id="pnltac" class="pnltac" title="Top Air Carriers" collapsible="true" closable="true" style="height: 250px;"></div>
		<!-- policy savings -->
		<div id="pnlsavings" class="pnlsavings" title="Policy Savings" collapsible="true" closable="true" style="height: 250px;"></div>
		<!-- air/rail market share status -->
		<div id="pnlmss" class="pnlmss" title="Air/rail Market Share Status" collapsible="true" closable="true" style="height: 250px;"></div>
		<!-- trackpoint III -->
		<div id="pnltp" class="pnltp" title="TrackPoint III" collapsible="true" closable="true" style="height: 250px;"></div>
	</div>
	<div style="width: 33%;">
		<!-- car spend -->
		<div id="pnlcar" class="pnlcar" title="Car Spend" collapsible="true" closable="true" style="height: 250px;">
			<div id="pnlcar_data" style="height: 100%; width: 100%;"></div>
		</div>
		<!-- policy status -->
		<div id="pnlPlySts" class="pnlPlySts" title="Policy Status" closable="true" collapsible="true" style="height: 250px; text-align: center;">
			<table id="pnlPlySts_table" class="easyui-datagrid" style="width: 306px; height: 250" data-options="singleSelect:true,collapsible:true">
				<thead>
					<tr>
						<th data-options="field:'indicatorId',width:130, align:'center'">Indicator</th>
						<th data-options="field:'diId',width:89, align:'center'">Domestic/Intl</th>
						<th data-options="field:'actualId',width:82,align:'right',formatter:formatPrice">Actual</th>
					</tr>
				</thead>
			</table>
		</div>

		<!-- top hotel cities -->
		<div id="pnlthcit" class="pnlthcit" title="Top Hotel Cities" closable="true" collapsible="true" style="height: 250px; text-align: center;"></div>
		<!-- top rail market pairs -->
		<div id="pnltrmp" class="pnltrmp" title="Top Rail Market Pairs" closable="true" collapsible="true" style="height: 250px; padding: 5px;"></div>
		<!-- risk assessment (pre travel) -->
		<div id="pnlrisk" class="pnlrisk" title="Risk Assessment (Pre Travel)" closable="true" collapsible="true" style="height: 250px; padding: 5px;"></div>
		<!-- pre-trip auditor -->
		<div id="pnlauditor" class="pnlauditor" title="Pre-Trip Auditor" closable="true" collapsible="true" style="height: 250px; padding: 5px;"></div>
	</div>
</div>